* {
    /* 初始化 */
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    box-sizing: border-box;
    // cursor: url('/assets/imgs/HugeiconsCursor02.png') 4 2, pointer; // 好玩的解开注释看一看
}

:root [theme-color="light"] {
    /* 亮色主题 */
    --theme-text-color: rgb(131, 128, 155);
    --theme-info-text-color: rgb(0, 0, 0);
    --theme-hover-color: rgb(103, 56, 223);
    --theme-hover-menu-color: rgb(248, 247, 255);
    --bg-color: rgb(255, 255, 255);
}

:root [theme-color="dark"] {
    /* 暗黑主题 */
    --theme-text-color: rgb(141, 139, 164);
    --theme-info-text-color: rgb(255, 255, 255);
    --theme-hover-color: rgb(255, 255, 255);
    --theme-hover-menu-color: rgb(36, 31, 53);
    --bg-color: rgb(31, 30, 38);
}

@font-face {
    font-family: "iconfont";
    src: url('/iconfont/iconfont.ttf') format('truetype'),
        url('/iconfont/iconfont.woff') format('woff');
    font-display: swap; // 添加字体加载策略
    font-style: normal;
    font-weight: normal;
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-gouwu:before {
    content: "\e677";
}

.icon-gerenxinxi:before {
    content: "\e619";
}

.icon-tuichudenglu:before {
    content: "\e632";
}

.icon-steam:before {
    content: "\e722";
}

.icon-dingdanjilu:before {
    content: "\e62e";
}


/* 添加自定义滚动条样式 */
.custom-scrollbar {
    /* Firefox */
    scrollbar-width: thin;
    scrollbar-color: #94a3b8 #f1f5f9;
}

/* Chrome, Edge, Safari */
.custom-scrollbar::-webkit-scrollbar {
    width: 8px;
    /* 滚动条宽度 */
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: #f1f5f9;
    /* 轨道背景色 */
    border-radius: 4px;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #94a3b8;
    /* 滑块颜色 */
    border-radius: 4px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #64748b;
    /* 滑块悬停颜色 */
}


.el-message {
    z-index: 9999 !important;
}